<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="../common/easyui/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../common/easyui/themes/icon.css">
		
	<script type="text/javascript" src="../common/easyui/jquery-1.8.0.min.js"></script>
	<script type="text/javascript" src="../common/easyui/jquery.easyui.min.js"></script>
	<!-- 中文库 在easyui后 -->
	<script type="text/javascript" src="../common/easyui/locale/easyui-lang-zh_CN.js"></script>
<title>Insert title here</title>

<script type="text/javascript">  
        
        function add(){  
        	if ($('#tt').tabs('exists','器材入库')){
									$('#tt').tabs('select', '器材入库');
						}else{
			            $('#tt').tabs('add',{  
			            							
			                title: '器材入库',  
			                content: '<iframe scrolling="yes" frameborder="0"  src="add.html" style="width:100%;height:100%;"></iframe>',  
			                closable: true  
			         			   });  
						}
      			  }  
        function out(){  
        	if ($('#tt').tabs('exists','器材出库')){
										$('#tt').tabs('select', '器材出库');
							}else{
						            $('#tt').tabs('add',{  
						                title: '器材出库',  
						                content: '<iframe scrolling="yes" frameborder="0"  src="out.html" style="width:100%;height:100%;"></iframe>',  
						                closable: true  
						         			   });  
							}
      			  }  
        
        function recover(){  
        	if ($('#tt').tabs('exists','器材回库')){
									$('#tt').tabs('select', '器材回库');
						}else{ 
					            $('#tt').tabs('add',{  
					                title: '器材回库',  
					                content: '<iframe scrolling="yes" frameborder="0"  src="recover.html" style="width:100%;height:100%;"></iframe>',  
					                closable: true  
					         			   });  
						}
      			  }  
        function scrapped(){  
        	if ($('#tt').tabs('exists','器材报废')){
							$('#tt').tabs('select', '器材报废');
						}else{
					            $('#tt').tabs('add',{  
					                title: '器材报废',  
					                content: '<iframe scrolling="yes" frameborder="0"  src="scrapped.html" style="width:100%;height:100%;"></iframe>',  
					                closable: true  
					         			   });  
						}
      			  }  
        function find(){  
        	if ($('#tt').tabs('exists','器材查询')){
								$('#tt').tabs('select', '器材查询');
						}else{
            $('#tt').tabs('add',{  
                title: '器材查询',  
                content: '<iframe scrolling="yes" frameborder="0"  src="find.html" style="width:100%;height:100%;"></iframe>',  
                closable: true  
         			   });  
      			  }  
        }  
        
    </script>  


</head>
<body>

    <div style="margin:10px 0;"  align="center"> 
    <div class="easyui-layout" style="width:900px;height:600px;">  
    
    				<!-- 头 -->
        <div data-options="region:'north'" style="height:80px">
        	<div align="left">
        				<a href=""><img src="../common/image/logo.png"></img></a>
        	</div>
        </div>  
        <!-- 尾 -->
         <div data-options="region:'south',split:true" style="height:50px;" ></div>  
        
        <!-- 左 -->
       <div data-options="region:'west',split:true" title="菜单栏" style="width:140px;">
       				
       				  <br>
					    <div><a  href='javascript:void(0)' class="easyui-linkbutton" onclick="add()">器材入库</a></div>  
					    <br>
					    <div><a href='javascript:void(0)' class="easyui-linkbutton" onclick="out()">器材出库</a></div>  
					    <br>
					    <div><a href='javascript:void(0)' class="easyui-linkbutton" onclick="recover()" >器材回库</a></div>  
					    <br>
					    <div><a href='javascript:void(0)' class="easyui-linkbutton" onclick="scrapped()">器材报废</a></div>  
							<br>
					    <div><a href='javascript:void(0)' class="easyui-linkbutton" onclick="find()">器材查询</a></div>  
       
       </div> 
        			
        <!-- 中 -->
        <div  id="tt" class="easyui-tabs" data-options="region:'center',title:'工作区',iconCls:'icon-ok'">  
        
        <div title="关于" style="padding:10px"> 
        
        
       <div id="p" class="easyui-panel" title="消息"   
        style="width:500px;height:150px;padding:10px;background:#fafafa;"  
        data-options="closable:true,  
                collapsible:true,minimizable:true,maximizable:true">  
		    		<p>器材管理</p>  
		    		<p>安全信息</p>  
					</div> 
       	</div>
              
        </div>  
    </div>  
    
    </div> 
</body>
</html>